<!-- 
@author wsq
@date  2016-11-13 
@loading图
-->
<template>
	<div v-if='loading' class="loadingContainer">
      <div class="loading"></div>
  </div>
</template>
<script>
	export default {
		name:'loading',
    props:['loading'],
		data (){
			return {}
		}
	}
</script>
<style>
.loadingContainer{
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.loadingContainer .loading{
	z-index: 100;
  position: absolute;
  border-radius: 20px;
  width: 1.92rem;
  height: 1.92rem;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:0.373333rem;
  background:rgba(0,0,0,.7) url('../images/loading.gif') center center no-repeat;
  -webkit-background-size: 2.4rem;
  background-size: 2.4rem;

}
</style>